* {
	margin: 0;
}

html, body {
    height: 100%;
}

.hd_utilitynav {
	display:none;
}

.s4-topheader2 {
	display:none;
}

/* Controls the background image*/
#s4-workspace {
	background-repeat:repeat;
}
/*Removes background in dialogue window*/

html.ms-dialog #s4-workspace {
	background: none;
	background-color: #FFFFFF;
}
/* Vertical scroll fix Dec 09 */
/*
body {
     overflow-y: hidden;}

body.hidden {
   overflow-y: hidden;
}
*/

html.ms-dialog body {
    /* Show the vertical scrollbar only when needed in the dialog forms. */
    overflow-y: visible;
}
html.ms-dialog body #s4-workspace {
    overflow-y:hidden;
    overflow-x:auto;
}
body #s4-workspace 
{
    overflow-y:hidden;
    /* overflow-x:auto; */
    overflow-x:hidden;
    position:relative;
    left:0px;
}
div.ms-formfieldvaluecontainer INPUT.ms-long {
    width:98% !important;
}
td.ms-formbody INPUT.ms-long {
    width:50% !important;
}

/*Styles used to format the RSS feed*/
#HomePageSidebar .ms-WPHeader
{
    display: none;
}
#HomePageSidebar .groupheader 
{
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    line-height: 1.2em;
    margin-bottom: 2px;
}   
#HomePageSidebar .groupheader a, #HomePageSidebar .groupheader a:link 
{
    color: #000000;
}
    
#HomePageSidebar .item 
{
    padding: 4px 0px 4px 0px;
}

#HomePageSidebar .link-item
{
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 0.9 em;
    line-height: 1.24em;
    color: #000000;
}
#HomePageSidebar .link-item a, #HomePageSidebar .link-item a:link
{
   color: #000000;
}


/* Styles used to create the hero container*/
/*
Original
#HeroDiv {
    overflow: hidden;
    padding:0px; margin:0px;
	float: right;
}
*/


#HeroDiv {
    overflow: hidden;
    padding:0px; margin:0px;
}
#HeroImageDiv {
    position: relative;
    /*top: 0px; */
    /*left: 0px; */
    width:100%; 
    /* text-align:center; */
     padding: 0px; margin:0px;
}
#HeroImageDiv img {
    float: right;
}
#HeroImageMainCaption {
    position: absolute; 
    top: 30px;
    left: 30px;
}
.heroCapHeader {
	display: block;
    line-height:1.1em;
    color:#FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
    height: auto;
    letter-spacing: -1pt;
    line-height: 0.9;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-shadow: 1px 2px 4px #333333;
	max-width: 400px;

	
}
.heroCapBody {
	display: block;
    line-height:1.1em;
    color:#FFFFFF;
    font-size: 22px;
    font-weight: normal;
    height: auto;
    line-height: 1;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-shadow: 1px 2px 4px #333333;
    max-width: 400px;
}

/* Formats the form space for the hero image*/

#HeroDiv #HeroImageDiv{
     padding: 0px; margin:0px;
	 background-color: #555555;
	 min-height: 292px;
}
#HeroDiv #HeroImageDiv .ms-selectorlink a {
     color: #ffffff !important;
}

#HomeHeroDiv #HeroDiv #HeroImageDiv .ms-formfieldvaluecontainer {
	min-height: 390px;
}
#HeroDiv #HeroImageDiv .ms-formfieldvaluecontainer {
	min-height: 292px;
}
#HeroDiv #HeroImageDiv #HeroImageMainCaption .ms-formfieldvaluecontainer {
	min-height: 30px;
	max-height: 80px;
	max-width: 400px;
	background-color: transparent;
}

/* Creates the form area that is used for the hero text boxes*/
#HeroDiv #HeroImageDiv #HeroImageSub1CaptionWrapper .ms-formfieldvaluecontainer, #HeroDiv #HeroImageDiv #HeroImageSub2CaptionWrapper .ms-formfieldvaluecontainer {
	min-height: 20px;
	background-color: transparent;
}
#HeroImageSub1CaptionWrapper .ms-selectorlink, #HeroImageSub2CaptionWrapper .ms-selectorlink  {
	line-height: .6em;
}
#HeroImageSub1CaptionWrapper {
  width:100%;
  position:absolute;
  top:35px;
}
.HeroImageSubCaption {
  width:180px;
  background-color:#E17926;
  margin: 0% 0% 0% 732px;
  max-height:160px;
  padding:14px;
  box-shadow: -1px 1px 4px #333333;
}

#HeroImageSub2CaptionWrapper {
  width:100%;
  position:absolute;
  text-align:right;
  top:230px;
}

/*We should be able to remove this*/

.heroSubCapHeader {
  display:block;
  color:#FFFFFF;
  font-size: 1.8em;
  line-height: 1.4em;
  text-transform: uppercase;
  font-weight: 900;
}

/* Controls the dog ear forms to display in the hero area*/
	
#HeroImageSub1CaptionWrapper .ms-formfieldcontainer {
	background-color: transparent;
	min-height: 40px;
}
		
.heroSubCapBody {
  display:block;
  color:#FFFFFF;
  font-size: 1.7em;
  line-height: 1.1em;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

#HeroImageDiv p {
	margin: 0px !important;
	padding:0px !important;
}

.heroSubCapBody a, .heroSubCapBody a:link, .heroSubCapBody a:visited {
	color: #FFFFFF;
}
.heroSubCapBody a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.heroSubCapBody a:active {
	color: #FFFFFF;
}

    
.heroSubCapUrl {
    text-align:right;
    display:block;
}

.heroSubCapUrl a {
    color:#FFFFFF;
    font-size: 1.8em;
    line-height: 1.4em;
    text-decoration:none;
}
/*Test Classes to correct back end navigation*/

.s4-ca {
	min-height: 10px !important;
	background: none !important;
	margin: 0px !important;
}


.ms-menutoolbar {
	width: 695px !important;
	margin-left: 10px;
}

.ms-viewlsts {
	width: 695px !important;
	margin-left: 10px;
}
.ms-listviewtable {
	width: 695px !important;
	margin-left: 10px;
}
.ms-descriptiontext {
	width: 695px !important;
	margin-left: 10px;
}
.oneIDListForm {
	width: 695px !important;
	margin-left: 10px;
}






/* Controls the alert container*/
#AlertDiv  {
	margin: 7px 26px 14px 0px;	
	min-height: 0px
}
#AlertTextDiv  {
	display: inline;
	color:#F96302;
	font-weight: bold;
	font-size: 1.6em;
	float: left;
	
}

/* Used to style the alert link*/
#AlertMoreDiv  {
	display: inline;
    font-size: 1em;
	font-weight: bolder;
    margin-right: 26px;
    padding: 5px;
	float: left;
}
.article-right #AlertTextDiv .ms-rtestate-field {
	float: left;
}
#AlertMoreDiv a {
    color: #333333; 
	margin-left: 10px;
}   
#AlertMoreDiv a:hover {
    text-decoration: underline;
}

/* TEST CUSTOM MARKUPS FOR RICH TEXT EDITOR */
DIV.ms-rteElement-mkg-H1
{
    -ms-name: "THD-marketing-header";
    color: #d65c26;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: normal;
    font-size: 2em;
}
/* END TEST CUSTOM MARKUPS FOR RICH TEXT EDITOR */


/* Home page body container*/

#thdCorpHomePageBody {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 940px;
}

/*Secondary Page Body Container*/
#thdCorpPageBody {
    float: left;
	padding-left: 14px;
    width: 691px;
}

/* 2 column layout body */

.thdCorpLftColumn  {
	color: #777777;
	float: left;
	width: 320px;
	margin-right: 16px;
	padding: 0px 0px 0px 0px;
}

.thdCorpRtColumn {
	color: #777777;
	float: right;
	margin-left: 16px;
	margin-right: 16px;
	padding: 0px 0px 0px 0px;
	width: 320px;	
}
/*Header used on the Home page*/
#thdCorpHomePageHeader {
	color: #000000;
	font-size: 1.8em;
	font-weight: bold;
	font-variant: small-caps;
	margin: 16px 0px 0px 0px;
	padding-top: 0px 0px 22px 0px;
	clear: both;
}

/*Header used on the secondary pages*/

#thdCorpPageHeader {
	margin-left:0px;
	color: #000000;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 22px;
	padding-top: 0px;
	width: 670px;
}

#thdCorpPageHeader div.ms-rtestate-field {
    margin:0px; padding:0px;
}

/*Area that controls the homepage articles*/


#thdCorpArticlesContainer {
	float: left;
	margin: 20px 0px 10px 0px;
	
	
}

#thdCorpLeftArticle {
	margin: 0px;
	padding: 0px 14px 0px 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
}
#thdCorpCenterArticle {
	margin: 0px;
	padding: 0px 14px 0px 14px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
}
#thdCorpRightArticle {
	margin: 0px;
	padding: 0px 0px 0px 14px;
}


#thdCorpArticlesContainer .articleHeader {
    display:block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 14px 0px 14px 0px;	
}
#thdCorpArticlesContainer .articleBody {
	color: #000000;
	display: block;
	font-height: 1em;
	line-height: 1.35em;
	margin: 0px 0px 14px 0px;
	max-height: 110px;
	min-height: 110px;	
}

span.article {
    width:210px;
    float:left;
}

.articleButton {
    display:block;
    padding: 7px;
    margin: 10px 30px 0px 0px;
    background-color: #FF6600;
    text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background-image: url(../../../_layouts/images/THD.Corporate.UI/Global/btnBkgrd.png);
	background-repeat: repeat-x;
	border: 1px solid #d08b1b;
}
.articleButton:hover {
	background-image: url(../../../_layouts/images/THD.Corporate.UI/Global/btnBkgrd_hover.png);
}
.articleButton a
{
    color:white !important;
    font-weight:bolder;
    text-decoration:none;
    display: block;
}

.articleButton a:hover
{
    color:orange;
    font-weight:bolder;
    text-decoration:none;
}


/*Form elements for the button area*/

#thdCorpArticlesContainer span.articleButton span.ms-formdescription {
	color: #FFFFFF;
}

/*Home page right side bar*/
#HomePageSidebar {
	float: right;
	padding-right: 0px;
	width: 216px;
}
#HomePageSidebar p {
	font-family: arial, helvetica, verdana, san-serif;
	font-height: 1.2em;
	font-weight: bold;
	color: #000000;
	margin: 8px 0px 0px 0px;
	padding: 0px
}
	
#HomePageSidebar ul {
	color: #000000;
	font-family: arial, helvetica, verdana, san-serif;
	font-size: 1em;
	margin-top: 20px;
	padding-left: 10px;
	list-style-type: square;
}
#HomePageSidebar li {
	padding: 0px 0px 12px 0px;
}


/* Creates the form area for the main body on the 1 Column - Left and Right Sidebar Layout */

#thdCorp1ColRtSideBarPageBody  {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	width: 500px;
}
#thdCorp1ColRtSideBarPageHeader {
	margin-left:0px;
	color: #000000;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 22px;
	padding-top: 0px;
}

.rtSideBarContent {
    float: right;
	 width: 172px;
	 padding-left:10px;
}

#thdCorpRightBarHeader {
	line-height: 0.9em;
	font-variant: small-caps;
	margin-top: 8px;
	padding-bottom: 5px;
	font-family: arial, helvetica, verdana, san-serif;
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
}

.thdCorp1ColRtSideBarPageContent {
	color: #777777;
	line-height: 1.3em;
}



/* Left Side */
.thdCorpContent img.ms-rtePosition-1, .thdCorpLftColumn img.ms-rtePosition-1, .thdCorpRtColumn img.ms-rtePosition-1 {
	margin: 0px 15px 15px 0px;
	border: 0px;
}

/* Right Side */
.thdCorpContent img.ms-rtePosition-2, .thdCorpLftColumn img.ms-rtePosition-2, .thdCorpRtColumn img.ms-rtePosition-2  {
	margin: 0px 0px 15px 15px;
	border: 0px;
}


/*Body Styles that are used on all the pages*/

.thdCorpContent
{
	color: #777777;
	line-height: 1.33em;
	width: 670px;
}

.thdCorpContent a:link{
	color: #F68428;
}
.thdCorpContent a:visited{
	color: #F68428;
}
.thdCorpContent a:hover{
	text-decoration: underline;
}
.thdCorpContent a:active{
	color: #F68428;
}


.lftSideBarContent
{
    float: left;
    padding-right: 10px;
    width:223px;
    overflow: hidden;
	clear:both;
}

div.ms-rtestate-write.ms-rtestate-field.ms-inputuserfield
{
    width: 50% !important;
}

#thdCorpLeftBarHeader
{
    font-family: arial, helvetica, verdana, san-serif;
    font-weight: bold;
    line-height: 0.9em;
    font-variant:small-caps;
    color:#000000;
    font-size: 1.3em;
	margin-top: 8px;
}
#thdCorpLeftBarFeat1 .featureHeader {
	color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
	line-height: 1.1em;
    margin-top: 18px;
}

#thdCorpLeftBarFeat1, #thdCorpLeftBarFeat2, #thdCorpLeftBarFeat3, #thdCorpLeftBarFeat4, #thdCorpLeftBarFeat5 {
float: left;
}



.featureHeader
{
	color: #000000;
    font-size: 1.2em;
    font-weight: bold;
	float: left;
    line-height: 1.1em;
    margin-top: 30px;
}

.featureImage {
	float: left;
	margin-top: 14px;
	margin-right: 10px;
}
.featureBody
{
    color: #000000;
    font-size: 1em;
    line-height: 1.3em;
    margin: 10px 0px 10px 0px;
	padding: 0px;
	float: left;
}

.featureBody a:link {
	color: #F68428;
}
.featureBody a:visited {
	color: #F68428;
}
.featureBody a:hover {
	text-decoration: underline;
}
.featureBody a:active {
	color: #F68428;
}

.url {
	float: left;
}

.url a, .featureUrl  a{
	margin: 0px;
	min-height: 0px;
	padding: 0px 0px 0px 0px;
} 

.url a:link , .featureUrl a:link {
	color: #F68428;
}
.url a:visited , .featureUrl a:visited {
	color: #F68428;
}
.url a:hover, .featureUrl a:hover {
	text-decoration: underline;
}
.url a:active, .featureUrl a:active {
	color: #F68428;
}



#inner_wrap {
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  padding-bottom:0;
  padding-left:10px;
  padding-right:10px;
  width:940px;
}

div .innercontent_wrap
{
    width: 960px; 
   /* left: 400px; */
    position: relative;
    background: white;
    margin: 0 auto;
    /* overflow: hidden; */
}

/*
body .content_wrap #s4-workspace
{
    overflow-x: hidden;
    overflow-x: visible\9;
    overflow-y: hidden;
    height: 100% !important;
    width: 942px !important;
    margin: 0 auto;
}

*/


/*
.wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%; /* The bottom margin is the negative value of the footer's height 
    margin: 0 auto -145px;
}*/
/* Set the dialog overlay to 100% width and Height. Otherwise the page body will show scrollbars. */
.ms-dlgOverlay
{
    height: 100% !important;
    width: 100% !important;
}


/*These styles control the bio page layout*/

.thdCorpBioName {
	color: #000000;
	font-family: arial, helvetica, verdana, san-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;

}

.thdCorpBioTitle {
	color: #000000;
	font-family: arial, helvetica, verdana, san-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
}

.BioCaptioned-image {
	margin-top: 24px;
	width: 670px;
}

.BioImage {
	float: right;
	margin-bottom: 10px;
	margin-left: 14px;
}

.BioCaption {
	clear: right;
	color: #777777;
	float: right;
	font-family: arial, helvetica, verdana, san-serif;
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: 16px;
	margin-left: 21px;
	text-align: center;
	width: 116px;
}
.BioContent {
	color: #777777;
	font-family: arial, helvetica, verdana, san-serif;
	line-height: 1.33 em;
	width: 670px;
}

#thdCorpBioName {
	font-size: 1.8em;
	font-weight: bold;
	font-family: arial, helvetica, verdana, san-serif;
}



.ms-welcomeMenu
{
    font-size: 1em;
    font-family: arial,sans-serif;
    float: left;
}

.ms-welcomeMenu a:link
{
    /* [ReplaceColor(themeColor:"Light1",themeTint:"0.9")] */
    /* color: #333; */
}
.ms-welcomeMenu a:hover
{
    text-decoration: none !important;
}
.ms-welcomeMenu.ms-SpLinkButtonActive
{
    /* [ReplaceColor(themeColor:"Dark2-Lighter")] */
    border-color: #ccc; /* [RecolorImage(themeColor:"Dark2-Lightest",includeRectangle:{x:0,y:489,width:1,height:11})] */
    background: none repeat-x -0px -489px; /* [ReplaceColor(themeColor:"Dark2",themeShade:"0.8")] */
    background-color: #f2f2f2;
}
.ms-welcomeMenu.ms-SpLinkButtonActive a:link
{
    /* [ReplaceColor(themeColor:"Light1",themeTint:"0.9")] */
    color: #333;
}

.s4-title
{
    padding: 0;
}

.s4-title-inner {
	min-height: 20px !important;
}

.s4-titlelogo{
	background:url(../../../_layouts/images/THD.Corporate.UI/Global/thd_logo.gif) no-repeat; 
	width:45px; 
	height:45px;
	margin: 0 !important;
	padding: 0 !important; 
	/* margin:10px 0 5px 0;
	display:block; */
}
.s4-titlelogo img {	display:none;}

/*
.s4-search  {
	float:right;
	clear:both;
	margin-top:20px;
}
*/
.s4-search table {
float:none;margin-right:0;
}

.s4-search .ms-sbtable-ex {
	margin:0 !Important;
}

.customLogo {
	float: left;
	position:relative;
	top:28px;
}

.customClear {
	clear: both;
}

.customFooterLeft {
	float: left;	
	padding-top:10px;
}
.customFooterRight {
	float: right;
	padding-right:10px;
}
.customLinkGroup {
	float:left;
	margin-left:20px;
	padding-top:10px;
	width:auto;
}
.customFooterDiv {
	background-image:url(https://www.mythdhr.com/_layouts/images/THD.Corporate.UI/Global/footer_div.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:70px;
	margin-left:20px;
	width:4px;
}

.s4-toplinks .s4-tn a.selected {
    color: #FF6600;
}

/* hide search button */
.customSearch .ms-sbgo img {
 display: none;
}

/* fancy search button */
.customSearch .ms-sbgo a {
 display: block;
 height: 32px;
 width:32px;
 background: transparent url(../../../_layouts/images/THD.Corporate.UI/Global/srch-gosearchimg.png) no-repeat scroll left top;
 margin: 0px;
 padding: 0px;
 position: relative;
 top: 0px; 
}

.customSearch .ms-sbgo a:hover {
 display: block;
 height: 32px;
 width: 32px;
 background: transparent url(../../../_layouts/images/THD.Corporate.UI/Global/srch-gosearchimg.png) no-repeat scroll left -32px;
 margin: 0px;
 padding: 0px;
 position: relative;
 top: 0px; 
}

.customSearch .ms-sbgo a:active {
 display: block;
 height: 32px;
 width: 32px;
 background: transparent url(../../../_layouts/images/THD.Corporate.UI/Global/srch-gosearchimg.png) no-repeat scroll left -64px;
 margin: 0px;
 padding: 0px;
 position: relative;
 top: 0px; 
}


/* home page styles */

.homePgBanner {
	float: right;
	padding-top:17px;
	height:45px;
}
.homePgBannerText {
	float:left;
	line-height:27px;
	color: #eef0f0;
	font-size: 248%;
}
.ms-WPBody a.homePgBannerText {
	color: #EEF0F0;
}
.homePgBannerText:hover {
	text-decoration: none;
}
.homePgBannerButton {
	background-image:url(https://www.mythdhr.com/Style%20Library/THD.Corporate.UI/CSS/search_button.png);
	background-repeat:no-repeat;
	float:left;
	height:31px;
	margin-left:10px;
	width:31px;
}
.homePgGapBeforePod {
	height: 268px;
	display: block;
}
.homePgPod {
	border-left:1px solid #EDEDED;
	float:left;
	/*line-height:162%;*/
	padding:0 27px 30px;
	width:150px;
}
.homePgPod:first-child {
	border: 0px none;	
}
.homePgPodHeader {
	color:#111111;
	font-size:100%;
	margin-bottom:4px;
	padding:21px 0;
}

/*Login Message*/

.CorporateLoginText {
	font-family: arial, helvetica, verdana, san-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-left: 14px;
}


/* Hero editor form styles*/

#HeroImageDiv .ms-formfieldvaluecontainer .ms-rtestate-write {
	padding: 0px !important;
	margin: 0px !important;
	border: none;
}

#HeroImageDiv .ms-formfieldvaluecontainer .ms-rtestate-write IMG {
	zoom: 96%;
	float: left;
}


/*Side Bar form Styles*/

.lftSideBarContent .ms-formfieldvaluecontainer {
	width: 216px;
	margin: 0px 4px 4px 4px !important;
	padding: 4px !important;
}

#s4-leftpanel-content .ms-ql-additionaltopsection {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;	
}

.ms-ql-additionaltopsection .menu-vertical .static a, .ms-ql-additionaltopsection .menu-vertical .static a :link, .ms-ql-additionaltopsection .menu-vertical .static a :visited {
	color: #333333;
	text-decoration: none;
}
.ms-ql-additionaltopsection .menu-vertical .static a :hover, .ms-ql-additionaltopsection .menu-vertical .static a:active {
	color: #333333;
	text-decoration: underline;
}
#s4-leftpanel-content .ms-ql-additionaltopsection  ul.root > li > .menu-item  {
	color:#333333;
	margin-top: 6px;
	margin-bottom: 4px;
}

#s4-leftpanel-content .ms-ql-additionaltopsection UL.root > LI > a:link, #s4-leftpanel-content .ms-ql-additionaltopsection UL.root > LI > a: visited {
	color:#333333;
	text-decoration: none;
}
#s4-leftpanel-content .ms-ql-additionaltopsection UL.root > LI > a:hover, #s4-leftpanel-content .ms-ql-additionaltopsection UL.root > LI > a: active {
	color:#333333;
	text-decoration: underline;
}

/* File Alert Message */

BODY #s4-simple-card-content {
	color: #000000;
	font-size: .9em;
}
BODY #s4-simple-card H1 {
	color: #000000;
}